﻿.ant-progress {
    > .ant-progress-outer {
        > .ant-progress-inner {
            .ant-progress-bg {
                height: 1rem;

                &:first-child {
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

                &:not(:first-child) {
                    border-radius: 0;
                }

                &-xs {
                    height: .25rem;
                }

                &-sm {
                    height: .5rem;
                }

                &-md {
                    height: 1.25rem;
                }

                &-lg {
                    height: 1.5rem;
                }

                &-xl {
                    height: 2rem;
                }
            }
        }
    }
}

.ant-progress-bar-striped {
    @include gradient-striped();
    background-size: 1rem 1rem;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.ant-progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

.ant-progress-inner {
    display: inline-flex;
}

.b-ant-progress-text {
    text-align: center;
    display: flex;
    color: #fff;
    justify-content: center;
    flex-direction: column;
}

.b-page-progress {
    .b-page-progress-indicator {
        @each $name, $value in $theme-colors {
            $color: $value;

            &.b-page-progress-indicator-#{$name} {
                background-color: $color;
            }
        }
    }
}
